@media only screen and (max-width: 820px) {
  .navbar {
    width: 100%;
    height: auto;
    display: grid;
    justify-content: left;
  }
  .navbar ul li {
    display: contents;
    list-style: none;
    vertical-align: middle;
    margin: auto;
    justify-content: left;
    position: relative;
  }
  .footer {display:flex; width:100%;}
  .footitems1 {margin-bottom:3%}
  .footitems2 {margin-bottom:3%}
}
/* Design if more than 821 pixels */
@media only screen and (min-width: 821px) {
  .navbar {
    width: 100%;
    height: 100px;
    display: grid;
    justify-content: center;
  }
  .navbar ul li {
    display: inline-block;
    list-style: none;
    vertical-align: middle;
    margin: auto;
    justify-content: center;
    position: relative;
  }
  .footer {display:flex; width:100%; margin-left:5%;margin-right:5%; justify-content:space-between; height:auto}
  .footitems1 {position:absolute; left:0;margin-left:2%}
  .footitems2 {position:absolute; left:50%; transform:translateX(-50%);text-align:center}
  .footitems3 {position:absolute; right:0; margin-right:2%; text-align:right}
}
  /*design regardless of size */
  .navmenu {
    text-decoration: none;
    margin: 10px;
  }
  .logo {
    display: block;
    width: 200px;
    height: 100px;
    margin: auto;
  }
  .pagetitle {font-size:3em; text-align:center}
  .kh {display: grid;
    align-items: center; 
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 5px;
    margin: 0 auto}
  .bh {display: grid;
    align-items: center; 
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 5px;}
  .jh {display: grid;
    align-items: center; 
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 5px;}
  .text {margin-left:25%; width:50%}
  .name {font-size:2em}
  .contact {font-size:1em}
  .img {margin-left:25%; max-width:50%; max-height: 300px;}

/* page break settings */
  .hr { 
    display: block;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
    }

body {font-family: Verdana, sans-serif; margin:0}
.facebook {height:75px; width:75px; text-align:center}